<div style="height:100%;display: flex;justify-content: center;align-items: center;"><div style="text-align: center;">
    <h1 style="padding:0;margin:0 0 1em 0;color:rgb(var(--mdui-color-on-surface-variant));">登录</h1>
    <div style="width:100%;text-align: center;display:flex;flex-direction: column;justify-content: center;align-items: center;">
        <mdui-text-field style="width:84%;max-width:300px;margin:0.5em;" variant="outlined" label="设备码"></mdui-text-field>
        <mdui-text-field style="width:84%;max-width:300px;margin:0.5em 0.5em 1.5em 0.5em;" variant="outlined" label="密码"></mdui-text-field>
        <mdui-button style="width:84%;max-width:150px;margin:0.5em;" variant="filled">登录</mdui-button>
        <mdui-button style="width:84%;max-width:150px;margin:0.5em;" variant="text">注册</mdui-button>
    </div>
</div></div>
